function Count(){
	this.addListener();
	//加载第一页
	this.loadData(1);
}
Count.CountRowTemplate=`
   <tr>
  	<td class="delete"><%= _id %></td>
	<td><%= name %></td>
  	<td><%= unit %></td>
  	<td><%= provider %></td>
  	<td><%= amount %></td>
  	<td><%= money %></td>
  	<td><%= pay %></td>
  	<td><%= time %></td>
  	<td>
  		<a href="#" class="count-update" data-toggle="modal" data-target="#updateCountModal"><img src="/../images/xiugai.png"/></a>
  		<a href="#" id="count-delete" class="count-delete"><img src="/../images/schu.png"/></a>
  	</td>
  </tr>
`;
$.extend(Count.prototype,{
	//注册事件监听
	addListener(){//console.log(this);
		//添加账单
		$(".btn-add-count").on("click",this.addCountHandler);
		//修改账单
		$("#btn-update-count").on("click",this.updateCountHandler);
		//删除账单
		$(".message-table").on("click","a",this.deleteCountHandler);
		//点击翻页
		$(".pagination").on("click","a",$.proxy(this.loadDataHandler,this));
	},
	
	//翻页处理
	loadDataHandler(event){console.log(1);
		const src = $(event.target);
		const page = Number(src.text());
		this.loadData(page);
		//标签使用类名处理
        src.parent("li").addClass("active").siblings("li").removeClass("active");		
	},
	//加载数据
	loadData(page){
		page = page||1;
		//http://localhost:3000/api/Counts/find_by_page?page=2
		const url = "/api/counts/find_by_page?page="+page;
		//get请求
		$.getJSON(url,(data)=>{
			if(data.res_code===1){
				let html = "";
				data.res_body.list.forEach((curr)=>{
					html+=ejs.render(Count.CountRowTemplate,curr);
				});
				$(".table-count tbody").html(html);
				//点击编辑按钮获取表格数据
				$(".count-update").on("click",this.countMessage);
				//查询账单
			    $(".find-count-btn").on("click",this.queryCount);
			}
		});
		
		//console.log(1)
		
	},
	//获取表格数据
	countMessage(){
		const tr = $(this).parent().parent().children();
		$("#updateCountId").val(tr.eq(0).html());
		$("#updateCountName").val(tr.eq(1).html());
		$("#updateCountUnit").val(tr.eq(2).html());
		$("#updateCountProvider").val(tr.eq(3).html());
		$("#updateCounAmount").val(tr.eq(4).html());
		$("#updateCountMoney").val(tr.eq(5).html());
		$("#updateCountPay").val(tr.eq(6).html());
		$("#updateCountTime").val(tr.eq(7).html());
		//console.log(tr.eq(1).html());
		//console.log(1)
	},
	//添加订单
	addCountHandler(){
		//获取表单中的数据
		//请求API接口，实现订单添加
		const url = "/api/counts/add";
		//向服务器发送的数据
//		const data = new FormData($(".form-add-count").get(0));//(这是传文件用的格式方法)
		const data = $(".form-add-count").serialize();
		//发送请求
		$.ajax({
			type:"post",
			url:url,
			data:data,
			dataType:"json",
//			processData:false,//不将data数据转换为查询字符串
//			contentType:false,//不使用默认的"application/x-www-form-urlencoded"
			success:function(data){
			if(data.res_body.status===1){//添加成功
				//添加成功，使用ejs浏览器端模板渲染
//				$.cookie("username",data.res_body.data.username);
               //data.res_body.data
               const html = ejs.render(Count.CountRowTemplate,data.res_body.data);
               //显示
               $(".table-count tbody").append(html);
               //关闭模态框
               $("#addCountModal").modal("hide");
				//刷新页面
//				location.reload();
			}else{//添加失败
				
				$(".add-count-error").removeClass("hidden");
				//alert(data.res_body.message);
			}
		}
		});
	},
	//修改账单
	updateCountHandler(){console.log(4);
		//获取表单中的数据
		//请求API接口，实现订单添加
		const url = "/api/counts/update";
		//const tr = $(this).parent().parent().children();console.log(tr);
		//向服务器发送的数据
//		const data = new FormData($(".form-add-count").get(0));//(这是传文件用的格式方法)
		const data = $(".form-update-count").serialize();
		console.log(data)
		//发送请求
		$.ajax({
			type:"get",
			url:url,
			data:data,
			dataType:"json",
            success(data){
				// 关闭模态框
				$("#updateCountModal").modal("hide");
				// 刷新页面
				window.location.reload();
			}
		
		});
	},
	//删除数据
	deleteCountHandler(){console.log(5)
		if($(this).hasClass("count-delete")){
		//点击提交
		const url="/api/counts/delete";console.log(this)
		let _id=$(".delete").html();
		$.getJSON(url,{_id},(data)=>{
			data=data.res_code;
			if(data){
				$(this).parent().parent().remove();
				// 刷新页面
				window.location.reload();
			}else{
				//删除失败
			}
		});	
		}
	},
	//模糊查询账单
	queryCount(){
		const url="/api/counts/query";
		let name=$(".query-name-input").val();
		console.log(123);
		let html="";
		$.getJSON(url,{name},(data)=>{
			data.res_body.data.forEach((curr,index)=>{
			 html += `
   <tr>
  	<td class="delete">${curr._id}</td>
	<td>${curr.name}</td>
  	<td>${curr.unit}</td>
  	<td>${curr.provider}</td>
  	<td>${curr.amount}</td>
  	<td>${curr.money}</td>
  	<td>${curr.pay}</td>
  	<td>${curr.time}</td>
  	<td>
  		<a href="#" class="count-update" data-toggle="modal" data-target="#updateCountModal"><img src="/../images/xiugai.png"/></a>
  		<a href="#" id="count-delete" class="count-delete"><img src="/../images/schu.png"/></a>
  	</td>
  </tr>
`;
			});
			$(".message-table tbody").html(html);
			$(".page-count").addClass("hidden");
		});
	},
});
new Count();
